.FrontRouter {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;

    &>div {
        width: 100%;

        &.TreeMenu {
            padding: 8px 0;
            flex: 1;
            overflow-y: scroll;
            margin-bottom: 16px;
            background: transparent;

            .ant-tree-draggable-icon {
                color: #262626;
                font-size: 20px;
            }

            .ant-tree-switcher-icon {
                width: 32px;
                height: 32px;
                font-size: 16px;
                display: flex;
                align-items: center;
                justify-content: center;
            }

            .ant-tree-treenode-draggable {
                display: flex;
                align-items: center;
                justify-content: center;
            }

            .ant-tree-node-content-wrapper {
                height: 32px;
                max-height: 32px;
                line-height: 32px;
            }

            .ant-tree-title {
                font-family: ShuHeiTi;
                font-weight: 600;
                font-size: 20px;
                color: #262626;
            }




            &::-webkit-scrollbar {
                display: none;
            }

            .TreeItem {
                display: flex;
                align-items: center;
                justify-content: space-between;

                &>div:last-child {
                    display: flex;
                    align-items: center;
                    justify-content: center;

                    &>span {
                        width: 24px;
                        height: 24px;
                        font-size: 16px;
                        margin-left: 8px;
                        border-radius: 4px;
                        display: flex;
                        align-items: center;
                        justify-content: center;

                        &:hover {
                            background: rgba(0, 0, 0, 0.65);
                            color: white;

                        }
                    }
                }
            }


        }

        &.Options {
            display: flex;
            align-items: center;
            justify-content: center;

            &>button {
                width: 160px;
                margin: 0 16px;
                font-size: 16px;
            }
        }
    }
}